<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
		*{
			margin:auto;
		}
		#q1{
			width:700px;
			height:200px;
			background-color:#F00;
			float:left;
			margin-bottom:10px;
			
		}
		#q6{
			width:700px;
			height:100px;
			background-color:#999;
			float:left;
		}
		#q2{
			width:200px;
			height:500px;
			background-color:#006;
			float:left
		}
		
		
		
		
		#q3{
			width:280px;
			height:500px;
			background-color:#FF0;
		    float:left;
			margin-left:10px;
			margin-right:10px;
		}
		#q4{
			width:200px;
			height:500px;
			background-color:#93C;
			float:left;
			margin-bottom:10px;
			
		}
		
		#qdwa{
			width:700px;
			
			
		}
</style>
</head>

<body>
<div id="qdwa">
	<div id="q1">1</div>
    <div id="q2">1</div>
    <div id="q3">1</div>
    <div id="q4">1</div>
    <div id="q6">1</div>
    
    
</div>
</body>
</html>
